.panel{
    &--draggable {
        cursor: move;
        .panel-content {
            @include transition(background 500ms ease-in-out);
        }
        &:hover {
            .panel-content {
                background: #f9f9f9 !important;
            }
        }
    }
    border-radius:$border-radius-default;
    box-shadow: $card-default;
    border:1px solid #d6dbe0;
    input[type="text"] {
        background:#fff;
        opacity:1;
        border:1px solid #d6dbe0;
        border-radius: $border-radius-default;
    }

    &--grey{
        background:#f7f7f7;
        border-radius: 4px;
        //border:1px solid #d6dbe0;
        //box-shadow: $card-default;
        padding:20px;

    }
    &--transparent {
        border: none;
        background-color: transparent;
        box-shadow: none;
        //padding: 20px;
        .panel-heading {
            background-color: transparent;
        }
    }
    &--nested {
        border-top-left-radius: 0 !important;
        border-top-right-radius: 0 !important;
    }

    &--no-shadow {
        box-shadow: none;
    }

    &__segments-achievements {
            border: 1px solid $bt-brand-primary !important;

    }
}

.header{
    &--icon{
        .btn--with-icon{
            position: relative;
            top: -4px;
            margin-left:5px;
        }
    }
}

.plan{
    background:#fff;
    border-radius: $border-radius-default;
    box-shadow: $card-default;
    border:1px solid #d6dbe0;
    padding:10px;
    color:#5a5e63;

    &__prefix{

    }

    &__prefix__image{
        height:50px;
    }

    &__details{
        padding-left:20px;
        color: #5a5e63;
    }

    &--current{
    }
}
